{% extends "base.html" %}

{% block ext_file %}
<script src="/static/js/index.js"></script>
<link href="/static/css/index.css" rel="stylesheet" type="text/css"/>
{% end %}

{% block body %}

<div class="layui-row" style="margin-top: 10%">
    <h1 class="hello-world">Hello World</h1>
</div>
<div class="layui-row" style="margin-top: 60px">
    <div class="layui-col-lg-offset2 layui-col-lg8" style="text-align: center">
        <button class="layui-btn layui-btn-primary">原始按钮</button>
        <button class="layui-btn">默认按钮</button>
        <button class="layui-btn layui-btn-normal">百搭按钮</button>
        <button class="layui-btn layui-btn-warm">暖色按钮</button>
        <button class="layui-btn layui-btn-danger">警告按钮</button>
        <button class="layui-btn layui-btn-disabled">禁用按钮</button>
    </div>
</div>
{% end %}